<template>
    <example :template-code="templateString">
        <template #describe>
            <li>现象：事件会采用节流的方式处理，事件被触发后，会立即执行处理函数，并且在一定的时间间隔（默认为 50 毫秒）内，如果再次触发了事件，那么处理函数不会被执行。只有在过了设定的时间间隔后，才能再次触发并执行处理函数</li>
            <p><span class="s-code">简而言之，当你重复快速点击，必须等到时间间隔大于或等于规定时间时，才触发下一次事件的执行</span></p>
        </template>
        <sib-throttle :is-debounce="false">
            <el-button type="primary" @click="handleClick">连续点击我</el-button>
        </sib-throttle>
    </example>
</template>

<script>
import { ElMessage } from 'element-plus';

export default {
    setup() {
        return {
            handleClick() {
                ElMessage.info('继续，不要停！');
            },
            templateString: `<template>
    <div class="example-box">
        <sib-throttle :is-debounce="false">
            <el-button type="primary" @click="handleClick">连续点击我</el-button>
        </sib-throttle>
    </div>
</template>

<script>
import { ElMessage } from 'element-plus';

export default {
    setup() {
        return {
            handleClick() {
                ElMessage.info('继续，不要停！');
            },
        };
    },
};
<\/script>`,
        };
    },
};
</script>
